<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/template.xhtml">
	
<ui:define name="title">
		<h3><h:outputLabel	value="#{i18n['erp.despacho.nicho.pagina.titulo']}" /></h3>
	</ui:define>	
	
			<ui:define name="content">
		<h:form id="formNicho">
		
			<p:growl id="pnlMessages" autoUpdate="true" closable="true"/>
			
			<p:toolbar>
				<p:toolbarGroup align="left">
					<p:commandButton id="btnNuevoNicho" value="Insertar" icon="ui-icon-disk" oncomplete="dlgNuevoNicho.show()">
						</p:commandButton>
				</p:toolbarGroup>
			</p:toolbar>
			<p:panel id="pnlBuscarNicho" header="#{i18n['erp.despacho.nicho.buscar']}">
				<table class="formulario">
					<tr>
						<td width="30%">
							<h:outputLabel for="txtNumNicho" value="#{i18n['erp.despacho.nicho.numero']}"  />
						</td>
						<td width="70%">
							<p:inputText id="txtNumNicho" label="#{i18n['erp.despacho.nicho.numero']}" value="#{nichoDataManager.nichoListDTO.nicDescripcion}"  />
						</td>	
					</tr>
										
				</table>
			</p:panel>
<p:panel id="botonesBuscar">
				<p:commandButton id="btnBuscar"
					actionListener="#{nichoController.buscar}"
					value="#{i18n['label.buscar']}" 
					process="@this,pnlBuscarNicho"
					update=":formNicho:pnlMessages,tablaNicho,pnlBuscarNicho " />
			</p:panel>


<p:dataTable id="tablaNicho"
	value="#{nichoDataManager.nichoDTOs}" var="nicho"
	rowIndexVar="rowIndex"
	paginator="true" rows="5" paginatorPosition="bottom"
	paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	rowsPerPageTemplate="5,10,15" emptyMessage="#{i18n['erp.despacho.nicho.lista']}">
	<f:facet name="header">
		#{i18n['erp.despacho.nicho.lista']}
	</f:facet>
	<p:column headerText="#" styleClass="centered" width="5%">
		#{rowIndex+1}
	</p:column>
	<p:column headerText="#{i18n['erp.despacho.nicho.numero']}" width="35%">
					<h:outputText  value="#{nicho.nicDescripcion}"/>
				</p:column>
							
				<p:column headerText="#{i18n['erp.despacho.nicho.tipo']}" width="40%">
					<h:outputText  value="#{nicho.tniDescripcion}" />
				</p:column>
				
				<p:column headerText="#{i18n['erp.despacho.nicho.nivel']}" width="40%">
					<h:outputText  value="#{nicho.nniDescripcion}" />
				</p:column>
				
				<p:column headerText="#{i18n['erp.despacho.nicho.seccion']}" width="40%">
					<h:outputText  value="#{nicho.catDescripcion}" />
				</p:column>
				<p:column headerText="#{i18n['erp.despacho.nicho.estado']}" width="40%">
				<h:outputText value="#{i18n['label.estado.activo']}"
						rendered="#{nicho.nicEstado eq nichoDataManager.estadoActivo}" />
					<h:outputText value="#{i18n['label.estado.inactivo']}"
						rendered="#{nicho.nicEstado eq nichoDataManager.estadoInactivo}" />
				</p:column>							
			<p:column headerText="#{i18n['label.opciones']}" styleClass="centered" width="10%">
					<h:panelGroup>
						<p:commandLink styleClass="no-decor"
							title="#{i18n['label.editar']}"
							oncomplete="dlgEditarNicho.show()"
							actionListener="#{nichoController.cargarDatosNicho(nicho)}"
							process="@this" update=":formEditarNicho:pnlEditarNicho">
							<h:graphicImage value="/resources/img/edit.png" alt="#{i18n['label.editar']}"/>
						</p:commandLink>
					</h:panelGroup>
					</p:column>
			</p:dataTable>			
	
	</h:form>			
		<ui:include src="dialogNuevoNicho.xhtml" />
		<ui:include src="dialogEditarNicho.xhtml" />
		
</ui:define>		
	
</ui:composition>